<!DOCTYPE html>

<html class="skrollr skrollr-desktop"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
    <title>上海宙宇网络科技有限公司</title>

    <meta name="description" content="上海宙宇网络科技有限公司—专注于为客户提供引领行业的移动互联网软件定制开发服务">
    <meta name="keywords" content="上海宙宇网络科技有限公司,APP开发,软件开发,HTML5开发,微信开发,高端网站建设,营销推广">
    <link href="css/bootstrap.min.css"  type="text/css" rel="stylesheet">
    <link href="css/style.min.css" type="text/css" rel="stylesheet">
    <link href="css/startcom.css" type="text/css" rel="stylesheet">
    <link href="css/index.min.css" type="text/css" rel="stylesheet">
    <link href="css/mystyle.css" type="text/css" rel="stylesheet">

    <!--手机背景 图片切换 js -->
    <script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
    <!-- <script type="text/javascript" src="templets/default/javascript/KunyiHTML5.min.js"></script>
    <script type="text/javascript" src="templets/default/javascript/Kunyilibrary.js"></script> -->
    <!--[if lt IE 9]>
    <script src="templets/default/javascript/KunyiHTML5.min.js"></script>
    <![endif]-->
    <script type="text/javascript" src="js/jquery.touchSlider.js"></script>
    <script src="js/script-about.js" type="text/javascript"></script><!--pc端图片切换js-->
    <script type="text/javascript">
        ; (function ($) {
            $.fn.placeholder = function (options) {
                var opts = $.extend({}, $.fn.placeholder.defaults, options);
                var isIE = document.all ? true : false;
                return this.each(function () {
                    var _this = this,
                        placeholderValue = _this.getAttribute("placeholder"); //缓存默认的placeholder值
                    if (isIE) {
                        _this.setAttribute("value", placeholderValue);
                        _this.onfocus = function () {
                            $.trim(_this.value) == placeholderValue ? _this.value = "" : '';
                        };
                        _this.onblur = function () {
                            $.trim(_this.value) == "" ? _this.value = placeholderValue : '';
                        };
                    }
                });
            };
        })(jQuery);
    </script>


    <script type="text/javascript">
        $(document).ready(function () {
            //tab切换
            $("ul.tabs li").click(function () {
                $("ul.tabs li").removeClass("active"); //Remove any "active" class
                $(this).addClass("active"); //Add "active" class to selected tab
                $(".tab_content").hide(); //Hide all tab content
                var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
                $(activeTab).fadeIn(); //Fade in the active content
                return false;
            });
            //鼠标经改变图片路径
            $('.customer_logo li').mouseenter(function () {
                $(this).children('p').hide();
            });
            $('.customer_logo li').mouseleave(function () {
                $(this).children('p').show();
            });
        })
        //核心成员滚动
        var Speed = 1; //速度(毫秒)
        var Space = 3; //每次移动(px)
        var PageWidth = 370; //翻页宽度
        var fill = 0; //整体移位
        var MoveLock = false;
        var MoveTimeObj;
        var Comp = 0;
        var AutoPlayObj = null;
        GetObj("List2").innerHTML = GetObj("List1").innerHTML;
        GetObj('ISL_Cont').scrollLeft = fill;
        GetObj("ISL_Cont").onmouseover = function () { clearInterval(AutoPlayObj); }
        GetObj("ISL_Cont").onmouseout = function () { AutoPlay(); }
        AutoPlay();
        function GetObj(objName) { if (document.getElementById) { return eval('document.getElementById("' + objName + '")') } else { return eval('document.all.' + objName) } }
        function AutoPlay() { //自动滚动
            clearInterval(AutoPlayObj);
            AutoPlayObj = setInterval('ISL_GoDown();ISL_StopDown();', 3000); //间隔时间
        }
        function ISL_GoUp() { //上翻开始
            if (MoveLock) return;
            clearInterval(AutoPlayObj);
            MoveLock = true;
            MoveTimeObj = setInterval('ISL_ScrUp();', Speed);
        }
        function ISL_StopUp() { //上翻停止
            clearInterval(MoveTimeObj);
            if (GetObj('ISL_Cont').scrollLeft % PageWidth - fill != 0) {
                Comp = fill - (GetObj('ISL_Cont').scrollLeft % PageWidth);
                CompScr();
            } else {
                MoveLock = false;
            }
            AutoPlay();
        }
        function ISL_ScrUp() { //上翻动作
            if (GetObj('ISL_Cont').scrollLeft <= 0) { GetObj('ISL_Cont').scrollLeft = GetObj('ISL_Cont').scrollLeft + GetObj('List1').offsetWidth }
            GetObj('ISL_Cont').scrollLeft -= Space;
        }
        function ISL_GoDown() { //下翻
            clearInterval(MoveTimeObj);
            if (MoveLock) return;
            clearInterval(AutoPlayObj);
            MoveLock = true;
            ISL_ScrDown();
            MoveTimeObj = setInterval('ISL_ScrDown()', Speed);
        }
        function ISL_StopDown() { //下翻停止
            clearInterval(MoveTimeObj);
            if (GetObj('ISL_Cont').scrollLeft % PageWidth - fill != 0) {
                Comp = PageWidth - GetObj('ISL_Cont').scrollLeft % PageWidth + fill;
                CompScr();
            } else {
                MoveLock = false;
            }
            AutoPlay();
        }
        function ISL_ScrDown() { //下翻动作
            if (GetObj('ISL_Cont').scrollLeft >= GetObj('List1').scrollWidth) { GetObj('ISL_Cont').scrollLeft = GetObj('ISL_Cont').scrollLeft - GetObj('List1').scrollWidth; }
            GetObj('ISL_Cont').scrollLeft += Space;
        }
        function CompScr() {
            var num;
            if (Comp == 0) { MoveLock = false; return; }
            if (Comp < 0) { //上翻
                if (Comp < -Space) {
                    Comp += Space;
                    num = Space;
                } else {
                    num = -Comp;
                    Comp = 0;
                }
                GetObj('ISL_Cont').scrollLeft -= num;
                setTimeout('CompScr()', Speed);
            } else { //下翻
                if (Comp > Space) {
                    Comp -= Space;
                    num = Space;
                } else {
                    num = Comp;
                    Comp = 0;
                }
                GetObj('ISL_Cont').scrollLeft += num;
                setTimeout('CompScr()', Speed);
            }
        }
    </script>
    <style type="text/css">
        /*banner css start*/
        .banner {
            height: 713px;
        }

        #banner .banner-item .banner-text > div:first-child {
            font-size: 48px;
        }

        #banner .banner-item em {
            font-size: 66px;
        }

        #banner .banner-item .banner-text > div:last-child {
            font-size: 20px;
        }

        #banner .banner-item:nth-child(1) .banner-img {
            background-image: url(images/banner1.jpg);
        }

        #banner .banner-item:nth-child(2) .banner-img {
            background-image: url(images/banner2.jpg);
        }

        #banner .banner-item:nth-child(3) .banner-img {
            background-image: url(images/banner3.jpg);
        }
 #banner .banner-item:nth-child(4) .banner-img {
            background-image: url(images/banner4.jpg);
        }

        @media (-webkit-min-device-pixel-ratio:2) {
            #banner .banner-item:nth-child(1) .banner-img {
                background-image: url(images/banner1.jpg) !important;
            }

            #banner .banner-item:nth-child(2) .banner-img {
                background-image: url(images/banner2.jpg) !important;
            }

            #banner .banner-item:nth-child(3) .banner-img {
                background-image: url(images/banner3.jpg) !important;
            }

           #banner .banner-item:nth-child(4) .banner-img {
                background-image: url(images/banner4.jpg) !important;
            }

        }

        @media (max-width: 767px) {
            #banner .banner-item .banner-text > div > div[data-role='entext'] {
                padding: 0 !important;
            }

            #banner .banner-item .banner-text > div:first-child {
                font-size: 24px;
            }

            #banner .banner-item em {
                font-size: 20px;
            }

            #banner .banner-item .banner-text > div:last-child {
                font-size: 10px;
            }

            #banner .banner-item:nth-child(1) .banner-img {
                background-image: url(images/banner1.jpg) !important;
            }

            #banner .banner-item:nth-child(2) .banner-img {
                background-image: url(images/banner2.jpg) !important;
            }

            #banner .banner-item:nth-child(3) .banner-img {
                background-image: url(images/banner3.jpg) !important;
            }
  #banner .banner-item:nth-child(4) .banner-img {
                background-image: url(images/banner4.jpg) !important;
            }
        }
        /*banner css end*/

        @media only screen and (max-width: 767px) {
            .col-small-12 {
                width: 100%;
            }

            .team-person {
                position: relative;
                margin: 10px 0;
            }

            .itme-con {
                padding: 15px 0;
            }

            .leader-line {
                margin: 13px auto 10px;
            }
        }

        .banner .banner-item .banner-text > div {
            margin-top: 18%\9; /*兼容IE6 IE7 IE8*/
        }

        .slideup_info_bg > div {
            margin-top: 32%\9; /*兼容IE6 IE7 IE8*/
        }
    </style>
  <!--  <script src="js/layer.js" type="text/javascript"></script>-->
    <link rel="stylesheet" href="css/layer.css" id="layui_layer_skinlayercss">
    <script type="text/javascript">
             <!--表单验证 -->
    function ischeck() {
        var reg = /^0?(13|14|15|17|18)[0-9]{9}$/;
        var name = $("#name").val();
        var tel = $("#mobile").val();
        var desc = $("#content").val();

        if (name.length == 0) {
            $("#name").focus();
            layer.msg('请输入姓名');
            return false;

        }
        else if (tel.length ==0) {
            $("#tel").focus();
            layer.msg("请输入手机号");
            return false;
        }
        else if (!reg.test(tel) || tel.length > 11) {
            $("#tel").focus();
            layer.msg("手机号格式错误");
            return false;
        }

        else if (desc.length ==0) {
            $("#desc").focus();
            layer.msg("请输入项目描述");
            return false;
        }

        else {
            return true;
        }
    }


    function GoInput() {

        if (ischeck()) {
            var name = $("#name").val();
            var tel = $("#mobile").val();
            var desc = $("#content").val();
            $.ajax({
                url: "tools/submit.ashx",
                type: "Post",
                data: { name: escape(name),tel: escape(tel), desc: escape(desc) },
                success: function (msg) {
                    if (msg == "success") {
                        layer.msg("提交成功", { time: 2000 }, function () {
                            window.location.reload();
                        });
                    } else {
                        alert(msg);
                    }
                }
            })
        }
    }
    </script>
</head>
<body style="background:#fff;">
    <nav class="navbar navbar-default navbar-fixed-top u-navbar">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar icon-bar1"></span> <span class="icon-bar"></span> <span class="icon-bar icon-bar2"></span> </button>
            <a class="navbar-brand" href="#">
                <figure class="ac-logo-icon pc-none"></figure>
                <div class="logo-pc-div app-none">
                    <figure class="ac-familybrowser-icon"></figure>
                  
                </div>

            </a>
            <form class="navbar-right pc-none">
                <a class="top-tel-phone" href="tel:021-56999995"></a>
            </form>
        </div>
        <div class="navbar-collapse collapse navbar-right" style="height: auto;">
            <!-- Main navigation -->
            <ul class="nav navbar-nav">
                <li ><a href="index.html">首页</a></li>
                <li><a href="service.html">服务</a></li>
                <li><a href="case.html">案例</a></li>
                <li><a href="partner.html">伙伴</a></li>
                <li><a href="about.html">关于</a></li>
                <li><a href="contact.html">联系</a></li>
            </ul>
            <div class="navbar-right app-none" style=" margin-top: -14px;">
                <a style="font-size: 13px; text-decoration: none" class="top-tel-pc" href="tel:021-56999995"><span style="color:rgba(0,0,0,.5)"> 售前咨询： </span>021-56999995 (7×24h)</a>
                <a style="font-size: 13px; text-decoration: none; margin-top: 0px;" class="top-tel-pc-shouhou"><span style="color: rgba(0,0,0,.5)"> 全国售后：</span>&nbsp;400-6868-300 (7×24h)</a>
            </div>
        </div>
    </nav>
    
      
    <!--案例-->
    <div class="container anli">
        <div class="title-comm">
            <h2 class="par01">闻道有先后 术业有专攻</h2>
            <p class="par02">心怀匠人之心 努力将每一个产品塑造成行业典范</p>
            <p class="par03">Heart heart carftsmen work every effort to portray the industry</p>
        </div>
        <ul class="clearfloat">
           <li class="col-lg-3 col-md-3 small-6">
        <a href="#" target="_blank">
              <img src="images/anli_04.jpg">
              <p>
                 <span>WeChat development</span>
                 <span>中信银行</span>
                 <span>微信开发</span>
              </p>
           </a>
           </li> 
           <li class="col-lg-3 col-md-3 small-6">
        <a href="#" target="_blank">
              <img src="images/newanli-01.jpg">
              <p>
                 <span>App development</span>
                 <span>买楼宝</span>
                 <span>App开发</span>
              </p>
           </a>
           </li> 
           <li class="col-lg-3 col-md-3 small-6">
        <a href="#" target="_blank">
              <img src="images/newanli-02.png">
              <p>
                 <span>App development</span>
                 <span>随叫随到</span>
                 <span>App开发</span>
              </p>
           </a>
           </li> 

  <li class="col-lg-3 col-md-3 small-6">
        <a href="#" target="_blank">
              <img src="images/newanli-13.jpg">
              <p>
                 <span>App development</span>
                 <span>思卓私房课</span>
                 <span>APP开发</span>
              </p>
           </a>
           </li>



         
           <li class="col-lg-3 col-md-3 small-6">
          <a href="#" target="_blank">
              <img src="images/newanli-05.jpg">
              <p>
                 <span>Software development</span>
                 <span>云飞科技</span>
                 <span>软件开发</span>
              </p>
           </a>
           </li>
           <li class="col-lg-3 col-md-3 small-6">
         <a href="#" target="_blank">
              <img src="images/newanli-06.png">
              <p>
                 <span>App development</span>
                 <span>好家教</span>
                 <span>App开发</span>
              </p>
           </a>
           </li>
           <li class="col-lg-3 col-md-3 small-6">
        <a href="#" target="_blank">
              <img src="images/newanli-07.png">
              <p>
                 <span>App development</span>
                 <span>工具猫</span>
                 <span>APP开发</span>
              </p>
           </a>
           </li>
           <li class="col-lg-3 col-md-3 small-6">
         <a href="#" target="_blank">
              <img src="images/newanli-08.jpg">
              <p>
                 <span>App development</span>
                 <span>爱点APP</span>
                 <span>APP开发</span>
              </p>
           </a>
           </li>
           <li class="col-lg-3 col-md-3 small-6">
          <a href="#" target="_blank">
              <img src="images/newanli-09.jpg">
              <p>
                 <span>App development</span>
                 <span>胎联盟</span>
                 <span>App开发</span>
              </p>
           </a>
           </li>
           <li class="col-lg-3 col-md-3 small-6">
       <a href="#" target="_blank">
              <img src="images/newanli-10.jpg">
              <p>
                 <span>App development</span>
                 <span>康尔电子烟</span>
                 <span>APP开发</span>
              </p>
           </a>
           </li>
           <li class="col-lg-3 col-md-3 small-6">
         <a href="#" target="_blank">
              <img src="images/newanli-11.jpg">
              <p>
                 <span>App development</span>
                 <span>脏了么</span>
                 <span>APP开发</span>
              </p>
           </a>
           </li>
           <li class="col-lg-3 col-md-3 small-6">
          <a href="#" target="_blank">
              <img src="images/newanli-12.png">
              <p>
                 <span>App development</span>
                 <span>唐宋元明</span>
                 <span>APP开发</span>
              </p>
           </a>
           </li>



  <li class="col-lg-3 col-md-3 small-6">
        <a href="#" target="_blank">
              <img src="images/newanli-04.jpg">
              <p>
                 <span>App development</span>
                 <span>音乐无界</span>
                 <span>App开发</span>
              </p>
           </a>
           </li> 







 <li class="col-lg-3 col-md-3 small-6">
          <a href="#" target="_blank">
              <img src="images/newanli-14.jpg">
              <p>
                 <span>App development</span>
                 <span>连众招商</span>
                 <span>APP开发</span>
              </p>
           </a>
           </li>


 <li class="col-lg-3 col-md-3 small-6">
        <a href="#" target="_blank">
              <img src="images/newanli-15.jpg">
              <p>
                 <span>App development</span>
                 <span>两岸易购</span>
                 <span>APP开发</span>
              </p>
           </a>
           </li>



 <li class="col-lg-3 col-md-3 small-6">
         <a href="#" target="_blank">
              <img src="images/newanli-16.jpg">
              <p>
                 <span>App development</span>
                 <span>新兼职</span>
                 <span>APP开发</span>
              </p>
           </a>
           </li>



            <li class="col-lg-3 col-md-3 small-6">
              <a href="#" target="_blank">
                    <img src="images/newanli-17.jpg">
                    <p>
                        <span>App development</span>
                        <span>保驾护航</span>
                        <span>APP开发</span>
                    </p>
                </a>
            </li>


            <li class="col-lg-3 col-md-3 small-6">
                <a href="#" target="_blank">
                    <img src="images/newanli-18.jpg">
                    <p>
                        <span>App development</span>
                        <span>城来成网</span>
                        <span>APP开发</span>
                    </p>
                </a>
            </li>



            <li class="col-lg-3 col-md-3 small-6">
               <a href="#" target="_blank">
                    <img src="images/newanli-19.jpg">
                    <p>
                        <span>App development</span>
                        <span>易快融</span>
                        <span>APP开发</span>
                    </p>
                </a>
            </li>


            <li class="col-lg-3 col-md-3 small-6">
               <a href="#" target="_blank">
                    <img src="images/newanli-20.jpg">
                    <p>
                        <span>App development</span>
                        <span>装修管家</span>
                        <span>APP开发</span>
                    </p>
                </a>
            </li>


            <li class="col-lg-3 col-md-3 small-6">
               <a href="#" target="_blank">
                    <img src="images/newanli-21.jpg">
                    <p>
                        <span>App development</span>
                        <span>浩德地产</span>
                        <span>APP开发</span>
                    </p>
                </a>
            </li>



            <li class="col-lg-3 col-md-3 small-6">
               <a href="#" target="_blank">
                    <img src="images/newanli-22.jpg">
                    <p>
                        <span>App development</span>
                        <span>和和寓</span>
                        <span>APP开发</span>
                    </p>
                </a>
            </li>




            <li class="col-lg-3 col-md-3 small-6">
                <a href="#" target="_blank">
                    <img src="images/newanli-23.jpg">
                    <p>
                        <span>App development</span>
                        <span>汪汪</span>
                        <span>APP开发</span>
                    </p>
                </a>
            </li>




            <li class="col-lg-3 col-md-3 small-6">
               <a href="#" target="_blank">
                    <img src="images/newanli-24.jpg">
                    <p>
                        <span>App development</span>
                        <span>一起创</span>
                        <span>APP开发</span>
                    </p>
                </a>
            </li>


            <li class="col-lg-3 col-md-3 small-6">
               <a href="#" target="_blank">
                    <img src="images/newanli-25.jpg">
                    <p>
                        <span>App development</span>
                        <span>拇指社区</span>
                        <span>APP开发</span>
                    </p>
                </a>
            </li>

            <li class="col-lg-3 col-md-3 small-6">
               <a href="#" target="_blank">
                    <img src="images/newanli-26.jpg">
                    <p>
                        <span>App development</span>
                        <span>青山运通</span>
                        <span>APP开发</span>
                    </p>
                </a>
            </li>

            <li class="col-lg-3 col-md-3 small-6">
               <a href="#" target="_blank">
                    <img src="images/newanli-27.jpg">
                    <p>
                        <span>App development</span>
                        <span>校内百科</span>
                        <span>APP开发</span>
                    </p>
                </a>
            </li>

            <li class="col-lg-3 col-md-3 small-6">
                <a href="#" target="_blank">
                    <img src="images/newanli-28.jpg">
                    <p>
                        <span>App development</span>
                        <span>紫璇</span>
                        <span>APP开发</span>
                    </p>
                </a>
            </li>




       </ul>
</div>
    <!-- 项目需求 -->
    <div class="section5">
        <div class="wrap">
            <h2>填写您的项目需求给我们。</h2>
            <div class="write clearfix">
                <input name="name" placeholder="称呼姓名" value="" class="text1" id="name" type="text" maxlength="10">
                <input name="mobile" placeholder="联系电话" value="" class="text2" id="mobile" type="text" maxlength="11">
                <input name="content" placeholder="描述您的需求，如APP开发、微信开发、网站建设等。" id="content" value="" class="text3" type="text" maxlength="300">
                <input name="submit" value="提交项目需求" class="submit" id="submit" rel="" type="submit" onclick="return GoInput()">
            </div>
            <b>*请认真填写需求信息，我们会在24小时内与您取得联系。</b>
        </div>
    </div>

    <!-- footer部分 -->
    <div class="footer">
        <div class="wrap clearfix">
            <div class="left">
                <h2>联系我们</h2>
                <h3>地址：上海市黄浦区中山东二路88号外滩SoHoF栋2层</h3>
                <h3>售前：021-56999995（早8:00-晚8:00）</h3>
                <h3>售后：400-6868-300（7*24小时）</h3>
                <h3>QQ  :  2109303203 / 3502485015</h3>
                <h3>欢迎您来电咨询，我们将竭诚为您服务。</h3>
            </div>
            <div class="right">
                <h2>使命及未来</h2>
                <p>
                    我们秉承求实创新、不断超越的发展理念，愿帮助更多优秀企业及创业者实现移动互联网梦想，成为中国最具价值的移动互联网软件服务商。我们对移动互联网的未来充满信心，肩负实现中国企业互联网+转型升级的伟大使命，路虽坎坷，我们坚信目标必定达成。 未来属于强者，属于具有战略眼光的人，我们将和众多服务客户及合作伙伴共同成长，一起见证中国移动互联网的伟大变革。
                </p>
            </div>
            <div class="copyright">
                <p>COPYRIGHT © 2004-2017 上海勋为信息技术有限公司版权所有 All RIGHTS RESERVED</p>
                <p>沪ICP备17006139号-1</p>
            </div>
        </div>
    </div>
    <style type="text/css">
        .bg-div {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,.5);
            z-index: 50;
        }

        .body-static {
            overflow: hidden !important;
        }

        .bg-div.hide {
            display: none;
        }
    </style>
    <div class="bg-div hide"> </div>
    <!--底部蒙层end-->
    <script type="text/javascript">
        $(function () {
            $(".navbar-toggle").click(function () {
                $(this).toggleClass("click");
                $(".bg-div").toggleClass("hide");
                $("body").toggleClass("body-static");
                $(".navbar-form a").toggleClass("active");
                $(".navbar-collapse").slideToggle();
            });
            $(".bg-div").click(function () {
                $(".navbar-toggle").trigger("click");
            });

            var top = ($(window).height() - $(".modal-content").height()) / 2;
            $(".model-down").click(function () {
                $(".modal-content").css({ position: 'absolute', 'top': top });
            });
            $(".model-down-1").click(function () {
                $(".modal-content").css({ position: 'absolute', 'top': top });
            });

            $(".weixin-logo-icon").mouseleave(function () {
                $(this).prev().find(".popover").removeClass("hover");
            }).mouseenter(function () {
                $(this).prev().find(".popover").addClass("hover");
            });
            $(".shouji-logo-icon").mouseleave(function () {
                $(this).prev().find(".popover").removeClass("hover");
            }).mouseenter(function () {
                $(this).prev().find(".popover").addClass("hover");
            });

            var navAgent = navigator.userAgent.toLowerCase();
            if (navAgent.indexOf("thjk-app-ios") > -1 || navAgent.indexOf("thdoctor-app-ios") > -1 || navAgent.indexOf("thjk-app-android") > -1 || navAgent.indexOf("thdoctor-app-android") > -1) {
                $(".navbar-form.navbar-right").hide();
                $(".nav > li:last-child a").css({ "border-bottom": "0" });
            }

            $(".navbar-nav > li.click a").removeAttr("href");
        });
    </script>
    <link href="css/theme-cobalt.css" rel="stylesheet" type="text/css" media="all">
    <script src="js/jquery.plugin.min.js"></script>
    <script src="js/jquery.flexslider-min.js"></script>
    <script src="js/smooth-scroll.min.js"></script>
    <script src="js/skrollr.min.js"></script>
    <script src="js/spectragram.min.js"></script>
    <script src="js/scrollReveal.min.js"></script>
    <script src="js/isotope.min.js"></script>
    <script src="js/lightbox.min.js"></script>
    <script src="js/scripts.js"></script>
    <script type="text/javascript">
        $(function () {
            $(".navbar-nav > li:nth-child(3)").addClass("click").append($('<p class="line-top"></p>')).find("a").removeAttr("href");
        });

    </script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <!--精英团队-->
    <!--<script language="javascript" type="text/javascript" src="templets/default/javascript/KunyiHTML5.min.js"></script>
        <script language="javascript" type="text/javascript" src="templets/default/javascript/Kunyilibrary.js"></script>
        <script language="javascript" type="text/javascript" src="templets/default/javascript/Kunyi.Common.js"></script>
        <script language="javascript" type="text/javascript" src="templets/default/javascript/Kunyi.Index.js"></script>
        <script language="javascript" type="text/javascript" src="templets/default/javascript/gundong.js"></script>-->
    <!--back top-->
    <!--<script type="text/javascript" src="templets/default/javascript/jquery-1.10.2.min.js"></script>  -->
    <div id="top"><div id="izl_rmenu" class="izl-rmenu"><div class="btn btn-top" style="display: block;"></div></div></div>
    <script type="text/javascript" src="js/top.js"></script>
    <style type="text/css">
        /*QQ浮窗*/
        .qqkefu {
            width: 160px;
            position: fixed;
            z-index: 100;
            right: 0;
            top: 200px;
            transition: all .5s ease 0s;
        }

            .qqkefu.qqkefu-nome {
                right: -130px;
            }

                .qqkefu.qqkefu-nome .qqkefu-left {
                    background-position: 0 0;
                }

        .qqkefu-left {
            width: 35px;
            *width: 30px;
            height: 130px;
            float: left;
            margin-top: 40px;
            background: url(images/qqkefu.png) no-repeat -30px 0 #fa7d68;
            cursor: pointer;
            border-radius: 5px 0 0 5px;
            overflow: hidden;
        }

        .rides-cs .floatL {
            width: 30px;
            float: left;
            position: relative;
            z-index: 1;
            border-radius: 5px 0 0 5px;
            overflow: hidden;
        }

        .qqkefu-right {
            background: #fa7d68;
            width: 125px;
            float: right;
            border-radius: 5px 0 0 5px;
            padding: 5px 0 5px 5px;
        }

        .qqkefu-right-box {
            background: #fff;
            border-radius: 5px 0 0 5px;
        }

            .qqkefu-right-box ul {
                margin: 0px;
                list-style: none inside;
                padding: 0px;
            }

            .qqkefu-right-box li {
                height: 39px;
                line-height: 39px;
                border-bottom: 1px solid #e9e9e9;
                padding: 0 0 0 15px;
                margin: 0px;
                font-size: 12px;
                font-family: "Microsoft YaHei", "微软雅黑";
            }

                .qqkefu-right-box li.title {
                    color: #bbbbbb;
                    font-size: 14px;
                }

                    .qqkefu-right-box li.title a {
                        color: #333333;
                        font-size: 12px;
                    }

                        .qqkefu-right-box li.title a:hover {
                            color: #fa7d68;
                            font-size: 12px;
                        }

                    .qqkefu-right-box li.title span {
                        color: #333333;
                        font-size: 12px;
                    }

                .qqkefu-right-box li.second-last {
                    color: #333333;
                    font-size: 14px;
                }

                .qqkefu-right-box li.last {
                    border-bottom: none;
                    color: #333333;
                    font-size: 14px;
                }

                .qqkefu-right-box li i {
                    margin-right: 10px;
                }

                    .qqkefu-right-box li i.ico-qq {
                        background: url(images/qqkefu.png) no-repeat 0 -260px;
                        width: 15px;
                        height: 16px;
                        display: inline-block;
                        vertical-align: middle;
                    }

        @media only screen and (max-width: 479px) {
            #qqkefu {
                display: none;
            }

            .izl-rmenu {
                right: 10px;
                bottom: 60px;
            }
        }
        /* 移动端底部客服 */
        .footer_front {
            position: fixed;
            width: 100%;
            height: 100%;
            top: 0px;
            left: 0px;
            z-index: 888;
            transform-origin: 0px 0px 0px;
            opacity: 1;
            transform: scale(1, 1);
            display: none;
        }

        #menu {
            position: fixed;
            bottom: 0px;
            width: 100%;
            height: 50px;
            line-height: 44px;
            z-index: 999;
        }

            #menu ul {
                margin: 0 auto;
                list-style-type: none;
                width: 100%;
                max-width: 500px;
                height: 100%;
                padding: 0px;
            }

                #menu ul li {
                    float: left;
                    width: 50%;
                    height: 100%;
                    text-align: center;
                    position: relative;
                    font-size: 14px;
                }

                    #menu ul li .line {
                        position: absolute;
                        top: 0px;
                        right: 0px;
                        z-index: 30;
                        width: 1px;
                    }

                    #menu ul li .menu_li {
                        position: absolute;
                        top: 7px;
                        left: 5%;
                        z-index: 40;
                        width: 90%;
                        height: 36px;
                        line-height: 36px;
                        color: #fff;
                        border-radius: 3px;
                    }

            #menu .phone_bottom_menu {
                color: #fff;
                text-decoration: blink;
                width: 100%;
                height: 100%;
                display: block;
            }

            #menu ul li:nth-of-type(1) .menu_li {
                background-color: #7fbcf3;
            }

            #menu ul li:nth-of-type(2) .menu_li {
                background-color: #f4b10e;
            }

            #menu ul li:nth-of-type(3) .menu_li {
                background-color: #f94a45;
            }

            #menu ul li .img_front {
                position: absolute;
                top: 0px;
                left: 0px;
                z-index: 30;
                width: 100%;
                height: 100%;
                background-color: #000;
                opacity: .65;
            }

                #menu ul li .img_front img {
                    width: 100%;
                    height: 100%;
                }

            #menu ul li span {
                position: absolute;
                bottom: -300px;
                left: 50%;
                width: 104px;
                margin-left: -52px;
                height: auto;
                text-align: center;
                z-index: 10;
            }

                #menu ul li span a {
                    display: block;
                    float: left;
                    width: 100%;
                    height: 43px;
                    line-height: 43px;
                    color: #454545;
                    text-decoration: none;
                    text-align: center;
                }

            #menu ul li .menu_li .icon {
                width: 1.8em;
                margin-right: 0.5em;
                display: inline-block;
                vertical-align: top;
            }

                #menu ul li .menu_li .icon.icon-phone {
                    width: 2em;
                }
    </style>
    <!-- 在线客服 -->
    <div id="qqkefu" class="qqkefu">
        <div class="qqkefu-left"></div>
        <div class="qqkefu-right">
            <div class="qqkefu-right-box">
                <ul>
                    <li class="title">7×24h在线客服</li>
                    <li><i class="ico-qq"></i><a href="#">客服1</a></li>
                    <li><i class="ico-qq"></i><a href="#" >客服2</a></li>
                    <li class="title">7×24h咨询热线</li>
                    <li class="second-last">021-56999995</li>
                    <li class="title last">400-6868-300</li>
                </ul>
            </div>
        </div>
    </div>
    <!--底部咨询-->
    <div id="menu" style="display: none;">
        <ul>
            <!-- <li class="query_btn"> <img class="img_front" src="templets/default/images/front.png">
              <div class="menu_li"> <i class="icon icon-search"></i> &nbsp;免费咨询 </div>
              <span style="background-size: 100% auto; display: none; bottom: 0px;"> </span> </li> -->
            <li>
                <img class="img_front" src="images/front.png">
                <div class="menu_li"> <a class="phone_bottom_menu" href="tel:021-56999995"> <i class="icon icon-phone"><img src="images/icon-tel.png"></i>免费通话 </a> </div>
            </li>
            <li class="online_newqq">
                <img class="img_front" src="images/front.png">
                <div class="menu_li"> <i class="icon icon-qq"><img src="images/icon-qq.png"></i>在线咨询 </div>
                <span style="background-size: 100% auto; bottom: 0px;" class="wap_app_qq">
                    <img src="images/navbg3.png" width="100%">
                    <div class="wap_app_qq" style="position:absolute;top:0px;left:0px;width: 100%;"> <a href="#">客服1</a> <a href="#">客服2</a> </div>
                </span>
            </li>
        </ul>
    </div>
    <div class="footer_front"> <img src="images/front.png" height="100%" width="100%"> </div>
    <!-- 在线客服 END -->
    <script>
        window.onload = function () {
            $('#menu ul li').each(function (j) {
                $('#menu ul li').eq(j).removeClass("on");
                $('#menu ul li span').eq(j).animate({
                    bottom: -$('#menu ul li span').eq(j).height()
                },
				100);
            });
        }
        $(".online_newqq").click(function () {
            if (!($(this).hasClass("on"))) {
                $('#menu ul .on span').animate({
                    bottom: -$('#menu ul .on span').height()
                },
				200);
                $('#menu ul .on').removeClass("on");
                $(this).addClass("on");
                $(this).find("span").animate({
                    bottom: 55
                },
				200);
                $('.footer_front').show();
            } else {
                $(this).find("span").animate({
                    bottom: -$(this).find("span").height()
                },
				200);
                $(this).removeClass("on");
                $('.footer_front').hide();
            }
        });
        $('.footer_front').click(function () {
            $('#menu ul .on span').animate({
                bottom: -$('#menu ul .on span').height()
            },
            200);
            $('#menu ul .on').removeClass("on");
            $(this).hide();
        });
        $('.query_btn').on('click',
        function () {
            layer.open({
                type: 2,
                title: '5秒快速提交，10秒客服响应！',
                area: ['340px', '300px'],
                content: ['share.htm', 'no']
            });
            return false;
        });
    </script>
    <script type="text/javascript">
        (function () {
            function browserRedirect() {
                var sUserAgent = navigator.userAgent.toLowerCase();
                var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
                var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
                var bIsMidp = sUserAgent.match(/midp/i) == "midp";
                var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
                var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
                var bIsAndroid = sUserAgent.match(/android/i) == "android";
                var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
                var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
                if (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {
                    this_Phone = 1;
                };
            };
            function getQuery_Qq_String(name, qq_search) {
                var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
                var r = qq_search.substr(1).match(reg);
                if (r != null) return unescape(r[2]);
                return null;
            };
            function isWeiXin() {
                var ua = window.navigator.userAgent.toLowerCase();
                if (ua.match(/MicroMessenger/i) == 'micromessenger') {
                    return true;
                } else {
                    return false;
                }
            };
            var this_Phone = 0;
            browserRedirect();
            if (this_Phone) {
                $("#menu").show();
            } else {
                $("#qqkefu").show();
            }
            if (this_Phone && (!isWeiXin())) {
                $(".wap_app_qq a").each(function () {
                    var $this = $(this);
                    var app_qq = $this.attr("href");
                    var temp = app_qq.substring(app_qq.indexOf("?"));
                    app_qq = getQuery_Qq_String("uin", temp);
                    $this.attr("href", "mqq://im/chat?chat_type=wpa&uin=" + app_qq + "&version=1&src_type=web");
                });
            };
        })();
    </script>
    <script type="text/javascript">
        $('.qqkefu-left').click(function () {
            if ($(this).parent().attr('class') == 'qqkefu') {
                $(this).parent().addClass('qqkefu-nome');
            } else {
                $(this).parent().removeClass('qqkefu-nome');
            }
        });
    </script>
    <script type="text/javascript">
        $("input").placeholder();
    </script>

<div id="lightboxOverlay" class="lightboxOverlay" style="display: none;"></div><div id="lightbox" class="lightbox" style="display: none;"><div class="lb-outerContainer"><div class="lb-container"><img class="lb-image" src="http://www.meidashanghai.com/"><div class="lb-nav"><a class="lb-prev" href="#"></a><a class="lb-next" href="#"></a></div><div class="lb-loader"><a class="lb-cancel"></a></div></div></div><div class="lb-dataContainer"><div class="lb-data"><div class="lb-details"><span class="lb-caption"></span><span class="lb-number"></span></div><div class="lb-closeContainer"><a class="lb-close"></a></div></div></div></div></body></html>